<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>退费</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/tuifei.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/backPay.js"></script>
	</head>

	<body>
		<ul id="daohang">
			<li id="li1">
				门诊挂号管理
				<div>
					<p>挂号</p>
					<p>退号</p>
				</div>
			</li>
			<span>|</span>
			<li id="li2">
				门诊收费管理

				<div>
					<p>划价收费</p>
					<p>门诊退费</p>
				</div>
			</li>
			<span>|</span>
			<li>
				住院登记管理
			</li>
			<span>|</span>
			<li>
				住院费用管理
			</li>
			<span>|</span>
			<li>
				医院字典设定
			</li>
			<span>|</span>
			<li>
				个人设置
			</li>
		</ul>

		<form action="#" method="post">
			
			<div id="guahao">
			
				<div id="guahaohaoma">
					<span style="color: #3D750C;">单据信息</span>
					<span id="dfapiao">
						<span class="fapiao">门诊普通发票</span>
						<input type="email" id="fapiao" name="pay_ino" />
						<span class="fapiao refresh_ino">更新发票号</span>
					</span>
					<span>
						<select name="guahaoleixing" style="width: 80px; height: 26px; margin-left: 5px;">
							<option>身份证号</option>
						</select>
						<input type="text" name="pid" />
					</span>
					<span class="glyphicon glyphicon-credit-card"></span> <span>医保卡读卡</span>
					<span class="glyphicon glyphicon-credit-card"></span> <span>农合卡读卡</span>
					<span class="glyphicon glyphicon-credit-card"></span> <span>身份证读卡</span>
					<span class="glyphicon glyphicon-credit-card"></span> <span>健康卡读卡</span>
					<span class="glyphicon glyphicon-credit-card"></span> <span>熙康卡读卡</span>
				</div>

				<div class="row clearfix" id="guahaoxinxi">
					<div class="col-md-8 column">
						<div class="col-md-4 column">
							<span>单据号<input type="text" name="pay_ino2" class="input_in" /></span><br />
							<span>结算类别<input type="text" name="settle_type" readonly /></span><br />
							<span>现金支付<input type="text" name="pay" readonly /> </span>

						</div>
						<div class="col-md-4 column">
							<span>病历号<input type="text" name="case_no" class="input_in" /></span><br />
							<span>总金额<input type="text" name="pay" readonly /></span><br />
							<span>账户支付 <input type="text" name="pay2" readonly /> </span><br />
						</div>
						<div class="col-md-4 column">
							<span>患者姓名<input type="text" name="pname" readonly /></span><br />
							<span>实付金额<input type="text" name="pay" readonly /></span><br />
							<span>报销金额<input type="text" name="pay2" readonly /></span>
						</div>
					</div>
					<div class="col-md-4 column">
						
						
					</div>
				</div>
			</div>
			<table class="table table-striped" border="1px" bordercolor="#DCDCDC">
				<thead>
					<tr>
						<th colspan="16" id="biaotou">
							<span id="left">收费明细</span>
							<span id="right">
								<span class="glyphicon glyphicon-th-list"></span><span class="back_all_btn">全退</span>
								<span class="glyphicon glyphicon-print" style="margin-left:10px;"></span><span class="save_btn">保存</span>
								<span class="glyphicon glyphicon-refresh" style="margin-left:10px;"></span><span class="clear_form">清屏</span>
							</span>
						</th>

					</tr>
					<tr id="tr1">
						<th>
							
						</th>
						<th >
							项目名称
						</th>
						<th>
							规格
						</th>
						<th>
							优惠前单价
						</th>
						<th>
							优惠后单价
						</th>
						<th>
							开立数量
						</th>
						<th>
							单位
						</th>
						<th>
							可退数量
						</th>
						<th>
							退费数量
						</th>
						<th>
							退费金额
						</th>
						<th>
							优惠后退费金额
						</th>
						<th>
							发药标识
						</th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
				
		</form>
		<script>
			$("#daohang li").mouseover(function() {
				$(this).css("cursor", "pointer");
			});
			$("#daohang li").click(function() {
				$("#daohang li").css("color", "black");
				$(this).css("color", "#67A5CA");
			});
			$("#li1").click(function() {
				var dis = $("#li1 div").css("display");
				if(dis == "none") {
					$("#li1 div").css("display", "block");
				} else {
					$("#li1 div").css("display", "none");
				}

			})
			$("#li2").click(function() {
				var dis = $("#li2 div").css("display");
				if(dis == "none") {
					$("#li2 div").css("display", "block");
				} else {
					$("#li2 div").css("display", "none");
				}

			})
			$(".fapiao").css("color", "#1772B0");
			$("#guahaodaohang span").css("line-height", "40px");

			$(".glyphicon").css("color", "#003F74");
			$("#guahaohaoma").css("background-color", "#D9EAF3");
			$("#guahaohaoma").css("border-top", "1px solid white");
			$("input[name=guahaoleixing]").css("margin-left", "10px");
			$(".yellow").blur(function() {
				if($(this).val() == "" || $(this).val() == null || $(this).val() == undefined) {
					$(this).css("border", "1px solid red")
				} else {
					$(this).css("border", "1px solid black")
				}
			})
		</script>
	</body>

</html>
